第1章
RMC系统概述
什么是RMC系统 · 工业自动化/智能楼宇/能源管理 · Web核心价值
概念场景
第2章
开发环境搭建
Node.js & npm · Vue CLI · VS Code配置与插件
工具脚手架
第3章
HTML5基础
文档结构 · 常用标签 · 语义化 header/nav/section
标签语义化
第4章
CSS3基础
选择器 · 盒模型 · Flex/Grid · 响应式入门
布局FlexGrid
第5章
JavaScript基础
变量/数据类型 · 函数/作用域 · DOM操作 · 事件监听
核心DOM
第6章
Vue.js核心概念
Vue实例 · 模板语法 · 数据绑定 · 计算属性/侦听器
Vue响应式
第7章
Vue组件化开发
组件注册 · Props · 自定义事件 · 插槽Slot
组件复用
第8章
Vue Router路由
路由配置 · 嵌套路由 · 导航守卫 · 动态匹配
路由SPA
第9章
Vuex状态管理
State/Getter/Mutation/Action · Module模块化
状态Vuex
第10章
Axios网络请求
HTTP基础 · GET/POST · 拦截器 · 错误处理
HTTPAxios
第11章
RMC数据可视化
ECharts基础 · 折线/柱状/饼图 · 实时刷新
图表ECharts
第12章
实时通信技术
WebSocket原理 · Socket.io · 心跳/重连
WebSocket实时
第13章
仪表盘设计
布局规划 · 卡片组件 · 数据指标 · 自适应
仪表盘自适应
第14章
设备管理页面
设备列表 · 搜索筛选 · 分页 · 详情弹窗
CRUD列表
第15章
告警管理模块
告警列表 · 级别颜色 · 确认处理 · 实时推送
告警颜色标识
第16章
历史数据查询
日期范围 · 趋势图 · 数据导出CSV
查询导出
第17章
用户权限管理
登录 · Token · 路由权限 · 按钮级权限
权限认证
第18章
系统设置页面
主题切换 · i18n国际化 · 系统参数配置
设置国际化
第19章
UI组件库集成
Element Plus · Table/Form/Dialog/Message
Element组件
第20章
表单设计与验证
动态表单 · 验证规则 · 自定义验证 · 提交重置
表单验证
第21章
动画与过渡
Vue过渡 · Animate.css · 骨架屏/加载状态
动画体验
第22章
性能优化
组件懒加载 · 虚拟滚动 · 图片懒加载 · 打包优化
性能优化
第23章
错误处理与日志
全局错误捕获 · 前端日志 · 用户友好提示
错误日志
第24章
测试与调试
Vue Devtools · Jest单元测试 · Cypress E2E
测试调试
第25章
项目打包与部署
环境变量 · 构建优化 · Nginx · Docker
部署Docker
第26章
RMC Web安全
XSS/CSRF防护 · HTTPS · 敏感数据加密
安全加密
第27章
移动端适配
移动布局 · 触摸事件 · 调试工具
移动端适配
第28章
第三方API集成
地图API(高德/百度) · 天气API · 短信通知
API集成
第29章
项目实战 · RMC监控面板
需求分析 · 原型 · 编码 · 测试部署
实战全流程
第30章
课程总结与进阶
最佳实践 · 学习资源 · 边缘计算/数字孪生
总结趋势